.perhome{
    width: 100vw;
    position: relative;
    background-color: rgb(197, 197, 197);
}
.ph_top{
    width: 100vw;
    height: 21.875rem;
    position: fixed;
    top: 0;
    left: 0;
    /* background-color: aqua; */
}
.ph_top_back{
    width: 100%;
    height: 150px;
    background-image: url('../../../../public/001.png');
    background-color: blue;
}
.ph_top_ico{
    width: 50px;
    height: 50px;
    line-height: 60px;
    margin-left: 20px;
    font-size: 20px;
    float: left;
    /* background-color: blue; */
}
.ph_top_name{
    width: 50px;
    height: 50px;
    line-height: 60px;
    margin-left: 310px;
    font-size: 20px;
    float: left;
}
.ph_con{
    width: 100vw;
    /* height: 900px; */
    margin-top: 21.875rem;
    overflow: hidden;
    background-color: rgb(247, 247, 247);
}
.ph_con_tit{
    width: 100vw;
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    padding-left: 20px;
    background-color: rgb(247, 247, 247);
}
.ph_lists{
    width: 95%;
    /* height: 100vh; */
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /* background-color: blue; */
}
.ph_li{
    width: 49%;
    border-radius: 10px;
    height: 260px;
    margin-bottom: 10px;
    background-color: rgb(255, 255, 255);
}
.ph_li_img{
    width: 100%;
    height: 65%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: burlywood;
}
.ph_li_img img{
    width: 100%;
    height: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
} 
.ph_li_t{
    width: 100%;
    height: 34%;
    overflow: hidden;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    /* background-color: cadetblue; */

}
.li_t{
    display: block;
    margin-left: 10px;
    margin-top: 10px;
}
.ph_toux{
    width: 90px;
    height: 90px;
    background-color: black;
    border-radius: 50%;
    position:absolute;
    top: -30px;
    left: 20px;
}
.ph_toux img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.ph_name{
    width: 100px;
    height: 30px;
    position: absolute;
    top: 70px;
    left: 20px;
    text-align: center;
    line-height: 30px;
    font-size: 20px;
    /* background-color: blue; */
}
.ph_sex{
    width: 30px;
    height: 30px;
    position: absolute;
    top: 120px;
    left: 20px;
    text-align: right;
    line-height: 30px;
    color: rgb(75, 75, 75);
    font-size: 10px;
    /* background-color: blue;  */
}
.ph_age{
    width: 50px;
    height: 30px;
    position: absolute;
    top: 120px;
    left: 53px;
    line-height: 30px;
    color: rgb(74, 74, 74);
    font-size: 10px;
    /* background-color: rgb(191, 191, 255);  */
}
.ph_list{
    width: 250px;
    height: 50px;
    position: absolute;
    left: 150px;
    top: 10px;
    display: flex;
    justify-content: space-around;
    /* background-color: rgb(30, 23, 23); */
}

.ph_guanzhu{
    width: 100px;
    height: 60px;
    /* background-color: bisque; */
}
.ph_g-z{
    display: block;
    text-align: center;
    color: rgb(0, 0, 0);
    font-size: 13px;
}
.ph_g-z-num{
    display: block;
    text-align: center;
    color: rgb(0, 0, 0);
    font-size: 20px;
}
.ph_gz{
    width: 150px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 40px;
    position: absolute;
    top: 250px;
    left: 195px;
    color: white;
    transition: all 1s ease;
    background-color: rgb(26, 209, 179);
}
.ph_gz:active{
    width: 0;
    height: 0;
}
.gz_ok{
    width: 100px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    /* border: 1px solid rgb(120, 120, 120); */
    border-radius: 10px;
    position: absolute;
    top: 250px;
    left: 175px;
    background-color: rgb(221, 221, 221);
}
.tack{
    width: 100px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 10px;
    position: absolute;
    top: 250px;
    left: 285px;
    background-color: rgb(221, 221, 221);
}
.tack_ico{
    width: 50px;
    height: 50px;
    position: absolute;
    top: 300px;
    left: 370px;
    font-size: 30px;
    text-align: center;
    line-height: 50px;
    /* background-color: blueviolet; */
}

.ph_info{
    width: 100%;
    height:200px;
    position: relative;
    background-color: rgb(255, 255, 255);
}

.dis{
    width: 0;
    height: 0;
    display: none;
}